<template>
	<view  class="comboBox">
		<view style="display: flex;">
			<view style="width: 163rpx;height: 110rpx;border-radius: 16rpx;" class="Skeleton"/>
			<view style="margin-left: 20rpx;">
				<view style="margin-bottom: 30rpx;width: 120rpx;height: 32rpx;" class="Skeleton">
				</view>
				<view style="font-size: 26rpx;width: 120rpx;height: 32rpx;" class="Skeleton">
				</view>
			</view>
		</view>
		<view style="margin-top: -80rpx;width: 180rpx;height: 32rpx;" class="Skeleton">
		</view>
	</view>
</template>

<script>
	export default {
		name:"swiperContent",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.comboBox{
		color: #101010;
		font-size: 26rpx;
		margin-bottom: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
	}
	.Skeleton{
			background: linear-gradient(90deg,#f1f2f4 25%,#e6e6e6 37%,#f1f2f4 50%);
			    background-size: 400% 100%;
			    border-radius: 3px;
			 animation:  loading 1.5s infinite;
	}
	@keyframes loading{ /* 骨架屏的动画 */
				
  0% {
      background-position: 100% 50%;
  }
  
  100% {
      background-position: 0 50%;
  }
			}
</style>